<template>
	<view>
	<view class="">
		<view class="from p-l-r-32 bg-color">
			<view>
				<u--form
					labelPosition="left"
					:model="userInfo"
					ref="uForm"
				>
					<u-form-item
						label="员工姓名"
						prop="userInfo.name"
						borderBottom
						labelWidth="200"
					>
						<u--input
							v-model="userInfo.name"
							border="none"
						></u--input>
					</u-form-item>
					<u-form-item
						label="员工状态"
						prop="userInfo.name"
						borderBottom
						labelWidth="200"
					>
						<u--input
							v-model="userInfo.password"
							border="none"
						></u--input>
					</u-form-item>
					<u-form-item
						label="手机号码"
						prop="userInfo.name"
						borderBottom
						labelWidth="200"
					>
						<u--input
							v-model="userInfo.password"
							border="none"
						></u--input>
					</u-form-item>
					<u-form-item
						label="邮箱"
						prop="userInfo.name"
						borderBottom
						labelWidth="200"
					>
						<u--input
							v-model="userInfo.password"
							border="none"
						></u--input>
					</u-form-item>
					<u-form-item
						label="员工编号"
						prop="userInfo.name"
						borderBottom
						labelWidth="200"
					>
						<u--input
							v-model="userInfo.password"
							border="none"
						></u--input>
					</u-form-item>
					<u-form-item
						label="加入时间"
						prop="userInfo.name"
						borderBottom
						labelWidth="200"
					>
						<u--input
							v-model="userInfo.password"
							border="none"
						></u--input>
					</u-form-item>
				</u--form>	
				
			</view>
		</view>
		
	</view>
	<view class="bottom-button">
		<u-button type="primary" text="登录" class="custom-style" @click="show = true"></u-button>
	</view>
	</view>
</template>

<script>
	export default {
		watch:{
			show:{
				handler(newName, oldName) {
					if(newName==true){
						//this.Image=require("../../static/images/login1.png")
					}else{
						//this.Image=require("../../static/images/phone.png")
					}
				},
			}
		},
		data() {
			return {
				show: false,
				//Image:require("../../static/images/phone.png"),
				userInfo: {
					name:'新员工入职合同',
					password: '2023/12/12',
					password_again: '12345678',
				},
			};
		},
		methods: {
			hanleBtn(){
				
			}
		},
		onReady() {
			
	    },
	};
</script>

<style lang="scss" scoped>
	.bottom-button{
		margin-top: 300rpx;
		padding: 0 116rpx;
		background: initial;
		box-shadow:initial
	}
</style>